<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from kl-webmedia.com/elearn/blog-list.htm by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 05 Mar 2014 11:03:38 GMT -->
<head>
    <meta charset="utf-8" />
    <title>eLearn - Blog</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />	
    <!-- CSS Files -->
	<link rel="stylesheet" href="plugin/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" href="plugin/font-awesome/css/font-awesome.min.css" />
	<link rel="stylesheet" href="plugin/pretty-photo/css/prettyPhoto.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/animate.min.html" />
	<!-- / CSS Files -->
	
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <header class="main">
        <div class="container">
            <nav class="navbar" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.htm"><img id="logo" src="img/logo.png" alt="eLearn" /></a>
                </div>
                <div class="collapse navbar-collapse">
                <div class="navbar-right menu-main"> 
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Home</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="index.htm">Home, version 1</a></li>
                                <li><a href="index2.htm">Home, version 2</a></li>
                                <li><a href="index3.htm">Home, version 3</a></li>
                            </ul>
                        </li>
                        <li><a href="about-us.htm"><span>About us</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Video</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="categories.htm">Categories of video</a></li>
                                <li><a href="videos-list.htm">Video list</a></li>
                                <li><a href="videos-grid.htm">Video list (grid)</a></li>
                                <li><a href="video.htm">Video film detail</a></li>
                            </ul>
                        </li>
                        <li><a href="features.htm"><span>Features</span></a></li>
                        <li class="dropdown active">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Blog</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="blog-list.htm">Blog list</a></li>
                                <li><a href="blog-post.htm">Blog post detail</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.htm"><span>Contact us</span></a></li>
                    </ul>
                    <a class="btn btn-theme navbar-btn btn-default sign-in" href="#">Sign in</a>
                    <a class="btn btn-theme navbar-btn btn-orange  sign-up" href="register.htm">Sign up</a>
                </div>
                </div>
            </nav>
        </div>
    </header>
    
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <h1>Blog with sidebar</h1>
                </div>
                <div class="col-md-5">
                    <ol class="breadcrumb pull-right">
                        <li><a href="index.htm">Home</a></li>
                        <li class="active">Blog</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Blog list -->
    <section class="content content-light  blog">
        <div class="container">
            <div class="row">
                <!-- Blog list - center -->
                <div class="col-md-8">
                    <article class="blog-item">
                        <header>
                            <h2 class="blog-title">1000 Teacher Tutorials</h2>
                            <p class="blog-img"><img src="img/blog_img_1.jpg" alt="" class="img-rounded" /></p>
                            <p class="blue-box blog-params">
                                <span><i class="fa fa-calendar"></i> <time datetime="2013-01-12T22:11">January 12, 2013</time></span>
                                <span><i class="fa fa-user"></i> <a href="blog-list.htm">Jonathan Doe</a></span>
                                <span><i class="fa fa-tags"></i> <a href="blog-list.htm">Webdesign</a>, <a href="blog-list.htm">Inspiration</a></span>
                                <span class="text-orange"><i class="fa fa-comments-o"></i> 23 Comments</span>
                            </p>
                        </header>
                        <p class="blog-description">We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won't receive a generic service and although we can't boast years and years of service we can ensure you that is a good thing in this industry. Our teams are up to date with the latest technologies.</p>
                        <p class="text-right blog-link-more"><a href="blog-post.htm" class="btn btn-theme btn-orange">Read more</a></p>
                    </article>
                    <article class="blog-item">
                        <header>
                            <h2 class="blog-title">New Tutorisection "Webdesign" opened</h2>
                            <p class="blog-img"><img src="img/blog_img_2.jpg" alt="" class="img-rounded" /></p>
                            <p class="blue-box blog-params">
                                <span><i class="fa fa-calendar"></i> <time datetime="2013-01-10T21:01">January 10, 2013</time></span>
                                <span><i class="fa fa-user"></i> <a href="blog-list.htm">Jonathan Doe</a></span>
                                <span><i class="fa fa-tags"></i> <a href="blog-list.htm">Webdesign</a>, <a href="blog-list.htm">Inspiration</a></span>
                                <span class="text-orange"><i class="fa fa-comments-o"></i> 19 Comments</span>
                            </p>
                        </header>
                        <p class="blog-description">We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won't receive a generic service and although we can't boast years and years of service we can ensure you that is a good thing in this industry. Our teams are up to date with the latest technologies. We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won't receive a generic service and although we can't boast years and years of service we can ensure you that is a good thing in this industry. Our teams are up to date with the latest technologies, media trends and are keen to prove themselves in this industry.</p>
                        <p class="text-right blog-link-more"><a href="blog-post.htm" class="btn btn-theme btn-orange">Read more</a></p>
                    </article>
                    
                    <!-- Pagination -->
                    <ul class="pagination">
                        <li class="disabled"><a href="#"><i class="fa fa-angle-left"></i></a></li>
                        <li class="active"><a href="videos-list.htm">1 <span class="sr-only">(current)</span></a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i></a></li>
                    </ul>
                </div>
                
                <!-- Blog - sidebar -->
                <aside class="col-md-4" role="complementary">
                
                    <!-- Widget: Search -->
                    <section class="widget search">
                        <h2>Search</h2>
                        <form action="http://kl-webmedia.com/elearn/blog-list.htm" class="search-blog" method="get" role="search">
                            <input type="search" class="form-control input-lg" name="q" placeholder="search for something..." />
                            <a href="#" class="submit"><i class="fa fa-search"></i></a>
                        </form>
                    </section>
                    
                    <!-- Widget: Gallery -->
                    <section class="widget float-inside gallery">
                        <h2>Gallery Widget</h2>
                        <a href="img/01.jpg" rel="prettyPhoto[gallery1]" title="MacBook pro"><img src="img/img_sample_1.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/02.jpg" rel="prettyPhoto[gallery1]" title="People in work"><img src="img/img_sample_2.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/03.jpg" rel="prettyPhoto[gallery1]" title="Apple hard drive"><img src="img/img_sample_3.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/04.jpg" rel="prettyPhoto[gallery1]" title="Woman with laptop"><img src="img/img_sample_4.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/05.jpg" rel="prettyPhoto[gallery1]" title="No music no fun"><img src="img/img_sample_5.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/06.jpg" rel="prettyPhoto[gallery1]" title="Old analog camera"><img src="img/img_sample_6.jpg" class="img-rounded" alt="" /></a>
                    </section>
                    
                    <!-- Widget: Twitter -->
                    <section class="widget twitter">
                        <h2>Latest Tweets</h2>
                        <article class="twitter-item">
                            <p class="author"><span class="btn btn-social social-twitter"><i class="fa fa-twitter"></i></span> Jonathan Doe</p>
                            <p>We can't boast years and years of service we can ensure you that is a good thing in this industry <a href="http://goo.gl/cx6ZuM">http://goo.gl/cx6ZuM</a></p>
                            <time datetime="2014-01-22T22:11" class="cute-time">2014/01/22 22:11:19</time>
                        </article>
                        <article class="twitter-item">
                            <p class="author"><span class="btn btn-social social-twitter"><i class="fa fa-twitter"></i></span>  Marc Adams</p>
                            <p>Lorem ipsum and years of service we can ensure you that is a good thing in this industry <a href="http://goo.gl/uSSrMW">http://goo.gl/uSSrMW</a></p>
                            <time datetime="2014-01-21T22:11" class="cute-time">2014/01/21 22:11:19</time>
                        </article>
                    </section>
                    
                    <!-- Widget: Categories -->
                    <section class="widget category">
                        <h2>Categories</h2>
                        <nav>
                        <ul>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Webdesign &amp; Graphicdesign</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Learn another language</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Webdevelopement</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Drawing &amp; Painting</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Video Making</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Internet Marketing</a></li>
                        </ul>
                        </nav>
                    </section>
                    
                    <!-- Widget: Categories -->
                    <section class="widget posts">
                        <h2>Recent Postings</h2>
                        <ul>
                            <li><a href="blog-post.htm"><h3>1000 Teacher Tutorials</h3> Jan 12, 2013 in General</a></li>
                            <li><a href="blog-post.htm"><h3>Updated our servers in LA</h3> Jan 02, 2013 in Webdesign</a></li>
                            <li><a href="blog-post.htm"><h3>Currently not available</h3> Jan 01, 2013 in Webdesign</a></li>
                        </ul>
                    </section>
                </aside>
            </div>
        </div>        
    </section>
    
    <footer class="main bg-dark-img">
        <section class="widgets">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <h4>About us</h4>
                    <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur.</p>
                </div>
                <div class="col-md-3 footer-qlink">
                    <h4>Quick links</h4>
                    <nav>
                        <ul>
                            <li><a href="plans.htm">Start teaching / learning</a></li>
                            <li><a href="categories.htm">Tutorials database</a></li>
                            <li><a href="about-us.htm">Meet the team</a></li>
                            <li><a href="blog-list.htm">Our blog</a></li>
                            <li><a href="contact.html">Contact us</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="col-md-3 footer-blog">
                    <h4>Latest blogpostings</h4>
                    <ul class="media-list">
                        <li class="media">
                            <a class="pull-left" href="blog-post.htm"><img class="media-object img-rounded" src="img/face/14.png" alt="author" /></a>
                            <div class="media-body">
                                <h5 class="media-heading"><a href="blog-post.htm">Stet clita kasd</a></h5>
                                <p>Lubergren, no sea...</p>
                               	<span class="footer"><time datetime="2014-01-09T22:11" class="cute-time">2014/01/09 22:11:19</time> by admin</span> <!-- attribute "datetime" is optional -->
                            </div>
                        </li>
                        <li class="media">
                            <a class="pull-left" href="blog-post.htm"><img class="media-object img-rounded" src="img/face/5.png" alt="author" /></a>
                            <div class="media-body">
                                <h5 class="media-heading"><a href="blog-post.htm">Stet clita kasd</a></h5>
                                <p>Takimata sanctus est...</p>
                                <span class="footer"><time datetime="2013-12-29T20:12" class="cute-time">2013/12/29 20:12:38</time> by admin</span> <!-- attribute "datetime" is optional -->
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-md-3 footer-social">
                    <h4>Follow us on</h4>
                    <a class="btn btn-social social-facebook" href="https://www.facebook.com/pages/KL-Webmedia/131260293670757"><i class="fa fa-facebook"></i></a>
                    <!--<a class="btn-social social-vimeo" href="https://vimeo.com/"><i class="fa fa-vimeo"></i></a>-->
                    <a class="btn btn-social social-youtube" href="http://www.youtube.com/"><i class="fa fa-youtube"></i></a>
                    <a class="btn btn-social social-twitter" href="https://twitter.com/KLWebmedia"><i class="fa fa-twitter"></i></a>
                    <a class="btn btn-social social-gplus" href="https://plus.google.com/113174627408639682462/posts"><i class="fa fa-google-plus"></i></a>
                    <!--<a class="btn-social social-blogger" href="https://www.blogger.com/"><i class="fa fa-facebook"></i></a>-->
                    <a class="btn btn-social social-dribbble" href="http://dribbble.com/KL-Webmedia"><i class="fa fa-dribbble"></i></a>
                    <!--<a class="btn-social social-deviantart" href="http://kl-webmedia.deviantart.com/"><i class="fa fa-deviantart"></i></a>-->
                    <a class="btn btn-social social-linkedin" href="https://www.linkedin.com/"><i class="fa fa-linkedin"></i></a>
                    <a class="btn btn-social social-tumblr" href="https://www.tumblr.com/"><i class="fa fa-tumblr"></i></a>
                    <!--<a class="btn-social social-flickr" href="http://www.flickr.com/"><i class="fa fa-flickr"></i></a>-->
                </div>
            </div>
        </div>
        </section>
        <section class="copyright">
            <div class="container">
                &copy; Copyright 2014 <b>KL-Webmedia.com</b> &nbsp; | &nbsp; All rights reserved
            </div>
        </section>
    </footer>
    <!-- JavaScript Files -->
    <script src="plugin/jquery-1.10.2.min.js"></script>
    <script src="plugin/bootstrap/js/bootstrap.min.js"></script>
    <script src="plugin/jquery.cuteTime.min.js"></script>
    <script src="plugin/pretty-photo/js/jquery.prettyPhoto.js"></script>
    <script src="script/script.js"></script>
    <!-- / JavaScript Files -->
</body>

<!-- Mirrored from kl-webmedia.com/elearn/blog-list.htm by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 05 Mar 2014 11:04:17 GMT -->
</html>